/* src/pages/p1/ChatPageStyles.css */
.chatPageBackground {
    width: 100%;
    height: 100vh;
    background: no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    /* 允许容器滚动 */
}

.game-container {
    overflow: auto;
    /* 允许容器滚动 */
}

.chatbox {
    background: white;
    padding: 20px;
    width: 90%;
    /* 根据屏幕大小调整宽度百分比 */
    max-width: 500px;
    /* 根据需要，可以设置一个最大宽度 */
    margin-bottom: 40px;
    /* 给聊天框底部留出一些空间 */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: auto;
    /* 如果对话内容超出聊天框高度，会显示滚动条 */
}